<template>
    <h2>我是About的内容</h2>
</template>

<script>
    export default {
        name: 'About',
        beforeDestroy(){
            // console.log('About组件即将被销毁了');
        },
        mounted(){
            // console.log('About组件挂载完毕了',this)
            /**
             * 用于浏览器上判断多个组件的$route和$router是否都是同一个
             * 切换组件之后，浏览器控制台上输入：
             * aboutRoute === homeRoute   　输出：false
             * aboutRouter === homeRouter   输出：true
             * */
            window.homeRoute = this.$route
            window.homeRouter = this.$router
        },
        // 通过路由规则，进入该组件时被调用
        beforeRouteEnter(to,from,next){
            // 如果是在组件中直接使用该组件（子父组件），则不会触发该事件
            console.log('About--beforeRouteEnter',to,from)
            // console.log('前置路由守卫',to,from);
            // if(to.path === '/home/news' || to.path === '/home/message'){
            // if(to.name === 'xinwen' || to.name === 'xiaoxi'){
            if(to.meta.isAuth){// 判断是否需要鉴权
                if(localStorage.getItem('school') === 'chenjt'){
                    next()
                }else{
                    alert('学校名不对，无权限查看')
                }
            }else{
                next()
            }
        },
        // 通过路由规则，离开该组件时被调用
        beforeRouteLeave(to,from,next){
            console.log('About--beforeRouteLeave',to,from);
            next()
        }

    }
</script>

<style>

</style>